I'm getting this error and i'm new to angular 2 so i'm not 100% sure on how to resolve the issue, i'm connecting to a test API to return a javascript object which includes some dummy data. But my "this.onGet()" function is telling me that the supplied parameter does not match any signature of call target and i can't seem to figure out why. (Essentially i'm just trying to populate the orderInfo array with the information from the API so i can use it across multiple page)

Any help appreciated :)

App.component.ts

    import { Component, OnInit } from '@angular/core';
import { DetailsService } from './details.service';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
    providers: [DetailsService]
})

export class AppComponent implements OnInit {
    orderInfo = [
        {
            name: 'Test'
        }
    ];
    constructor(private detailsService: DetailsService) {
    }

    ngOnInit() {
        this.onGet();
    }

    onGet(name: string) {
        this.detailsService.getDetails()
            .subscribe(
                (orderData: any[]) => {
                    this.orderInfo.push({
                        name: name
                    });
                    console.log(orderData);
                }
            );
    }
}

details.service.ts

import {Injectable} from '@angular/core';
import { Http, Response } from '@angular/http';
import 'rxjs/Rx';

@Injectable()
export class DetailsService {
    constructor(private http: Http) {}
    getDetails() {
      return this.http.get('http://swapi.co/api/people/1/?format=json', '')
          .map(
              (response: Response) => {
                  const orderData = response.json();
                  return orderData;
              }
          );

    }
}